    <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
    <%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

    <f:loadBundle basename="demo.bundle.Messages" var="msg"/>

<html>
<head>
<title>Semantic CBR Code Search</title>
<style type="text/css">
.odd-row {
	background-color: #ECF3FE;
}

.even-row {
	background-color: #FCFFFE;
}

.active-row {
	background-color: #FFEBDA;
}

.cell {
	width: 200px;
	vertical-align: top;
}

.rsTitle {
	padding: 5px;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #E0ECF8;
	background-repeat: repeat-x;
	background-position: center;
}

.rsPanel {
	top: auto;
}

.rsLabel {
	font-size: 12px;
}

.rsInput {
	size: 220px;
	border-style: solid;
	border-width: 1px;
}

.rsButton {
	border-width: 2px;
}

.rsMessage {
	color: red;
	text-align: center;
}
</style>
</head>
<body>
<f:view>
	<a4j:form id="loginForm">
		<rich:panel header="#{msg.login_header}">
			<h:panelGrid columns="3">
				<h:outputLabel styleClass="rsLabel" value="#{msg.login_label_userName}" for="name" />
				<h:inputText styleClass="rsInput" id="name" value="#{loginBean.name}" required="true">
                	<f:validateLength minimum="3" maximum="12"/>
				</h:inputText>
				<rich:message styleClass="rsMessage" infoClass="green" errorClass="red" for="name" showSummary="false"/>

				<h:outputLabel styleClass="rsLabel" value="#{msg.login_label_userPass}" for="password" />
				<h:inputSecret styleClass="rsInput" id="password" value="#{loginBean.password}" required="true">
					<f:validateLength minimum="5" maximum="12"/>
				</h:inputSecret>
				<rich:message styleClass="rsMessage" infoClass="green" errorClass="red" for="password"/>

				<h:outputLabel styleClass="rsLabel" value="#{msg.login_label_userType}" for="type" />
				<h:selectOneMenu id="type" value="#{loginBean.userType}" required="true">
					<f:selectItems value="#{loginBean.userTypes}" />
				</h:selectOneMenu>
			</h:panelGrid>
			<rich:messages styleClass="rsMessage" infoClass="green" errorClass="red" />
			<br/>
			<h:panelGrid columns="3">
				<!-- Contenedores -->
				<a4j:commandButton id="botonBuscar" styleClass="rsButton" value="#{msg.login_button_login}" action="#{loginBean.login}" />
				<a4j:commandButton id="botonLimpiar" styleClass="rsButton" value="#{msg.login_button_cancel}" action="#{loginBean.cancel}" type="reset" reRender="loginForm" />
			</h:panelGrid>
		</rich:panel>
	</a4j:form>
</f:view>
</body>
</html>
